/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./*.html", "./js/**/*.js"],
  theme: {
    extend: {
      colors: {
        primary: {
          // 50: "#f0f4ff",
          // 100: "#e0e9ff",
          // 200: "#c7d6fe",
          // 300: "#a5b8fc",
          // 400: "#8b96f8",
          // 500: "#667eea",
          // 600: "#5a67d8",
          // 700: "#4c51bf",
          // 800: "#434190",
          // 900: "#3c366b",
        },
        secondary: {
          // 50: "#fdf4ff",
          // 100: "#fae8ff",
          // 200: "#f5d0fe",
          // 300: "#f0abfc",
          // 400: "#e879f9",
          // 500: "#764ba2",
          // 600: "#a855f7",
          // 700: "#9333ea",
          // 800: "#7e22ce",
          // 900: "#6b21a8",
        },
      },
      animation: {
        "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
        "bounce-slow": "bounce 2s infinite",
      },
      backdropBlur: {
        xs: "2px",
      },
    },
  },
  plugins: [],
};
